<template>
  <div class="cate">
    <!--    <div class="category_type" v-if="ori === 'supplierCate' || ori === 'supplierDetail'">-->
    <!--      <span class="title">店铺经营类目</span>-->
    <!--      <span class="goods_type">{{ consts.GoodsType[goodsType] }}</span>-->
    <!--    </div>-->
    <div class="category">
      <p v-if="ori === 'supplierCate' || ori === 'customerCate'" class="title">申请器械类别</p>
      <p v-else class="title">经营器械类别</p>
      <ApplyCate :isCate="isCate" :cates="cates" />
    </div>
  </div>
</template>

<script setup>
import { ref, reactive, onMounted, watch } from 'vue'
import consts from '@/consts'
import ApplyCate from '@/components/cate/index.vue'

const props = defineProps(['cates', 'ori','goodsType'])

const isCate = ref(true)
</script>
<style scoped lang="scss">
.cate {
  .category_type,
  .category {
    padding: 20px 80px 20px 20px;
    margin-top: 10px;
    background-color: #fff;
  }

  .category_type,
  .category {
    .title {
      line-height: 16px;
      font-size: 16px;
      font-weight: 500;
    }
  }

  .category_type {
    .goods_type {
      margin-left: 20px;
      color: var(--color-text);
    }
  }
}
</style>
